  // 文章详情(可以参考文章列表完善分页功能)

  // 获取文章id
  let id = new URLSearchParams(location.search).get('id')
  // 根据文章id查询文章的评论信息
  // 评论列表
  function loadCommentList () {
    $.ajax({
      type: 'get',
      url: 'http://localhost:8888/api/articles/' + id + '/comments',
      success: function (res) {
        if (res.status === 0) {
          var arr = ['<h4><i class="sprites"></i>评论区</h4>']
          res.data.forEach(function (item) {
            arr.push(`
              <div class="kr_comment_card">
                <div class="img-wrap">
                  <img src="./uploads/avatar_3.jpg" alt="">
                </div>
                <div class="info">
                  <p>${item.uname} · <span>2020-08-16</span></p>
                  <p>${item.content}</p>
                </div>
                <a href="javascript:;" class="like">${item.count}</a>
              </div>
            `)
          })

          $('#comment-list').html(arr.join(''))
        }
      }
    })
  }

  loadCommentList()

  // 发表评论
  $('#comment-form').submit(function (e) {
    e.preventDefault();
    let fd = $(this).serialize();
    console.log(fd);
    $.ajax({
      type: 'post',
      url: 'http://localhost:8888/api/articles/' + id + '/comments',
      data: fd,
      success: function (res) {
        if (res.status === 0) {
          // 发表评论成功
          layer.msg(res.message)
          $('#comment-form').get(0).reset()
          loadCommentList()
        }
      }
    })
  })